<template>
    <div>
        <el-table
        :data="tableData"
        border
        style="width: 100%">
        <el-table-column
        prop="name"
        label="商品名称"
        width="180">
        </el-table-column>
        <el-table-column
        prop="buPrice"
        label="单价/大单位"
        width="180">
        </el-table-column>
        <el-table-column
        prop="countB"
        label="数量">
            <template>
                <span>-</span>
                <p></p>
                <span>+</span>
            </template>
        </el-table-column>
        <el-table-column
        prop="suPrice"
        label="小单位价格">
            <template>
                <span>-</span>
                <p></p>
                <span>+</span>
            </template>
        </el-table-column>
        <el-table-column
        prop="countS"
        label="数量">
        </el-table-column>
        <el-table-column
        prop = "amount"
        label="金额">
            <template slot-scope="scope"><p>{{scope.row.buPrice*scope.row.countB}}</p></template>
        </el-table-column>
        <el-table-column
        prop="produceDate"
        label="生产日期">
            <el-date-picker type="date" placeholder="选择日期" ></el-date-picker>
        </el-table-column>
        <el-table-column
        label="操作">
            <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
            </template>
        </el-table-column>
    </el-table>
    <div class="sum">
        <template slot-scope="scope">
            <p>商品共：{{scope.row}}</p>
            <p>金额合计：{{scope.row}}</p>
        </template>
    </div>
    </div>
    
</template>

<script>
// import { dataListApi } from '../../http/InventoryApi/OutApi'
export default {
    name:'OutgoodsDetail',
    data() {
        return {
            tableData:[],
        }
    },
    method: {
        //将填好的数据传给后端
    }
}
</script>


<style lang="scss" scoped>
.sum {
            margin-left: 20px;
            height: 50px;
            p {
                font-size: 20px;
                margin-right: 20px;
                float: left;
                line-height: 50px;
            }
        }

</style>